.home{
    padding-bottom:.7rem;
    background-color: #fff;
}
.top{
    position: sticky;
    top:0;
    left: 0;
    right: 0;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .2rem;
    background-color: #fb7299;
    .userImg{
        width: .48rem;
        height: .48rem;
        border-radius: 50%;
        background-color: #eee;
    }
    .searchBar{
        flex: 1;
        padding: 0 .2rem;
        position: relative;
        .searchIpt{
            width: 100%;
            border: none;
            border-radius: 1rem;
            background-color: rgba(0, 0, 0,.3);
            height: .48rem;
            text-indent: 2em;
            color: #fff;
        }
        .searchIcon{
            position: absolute;
            left: .4rem;
            height: .48rem;
            line-height: .48rem;
            color: #fefefe;
            font-size: .24rem;
        }
        
    }
    .message{
        color: #fff;
        font-size: .48rem;
    }
}
.swiper{
    padding: .1rem .2rem;
}
.swiperItems{
    width: 100vw;
    height: 2.2rem;
    object-fit: cover;
    border-radius: .2rem;   
}
.videoList{
    margin: .2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    flex-direction:row;
}